import React, { useState, useEffect } from "react";
import { Row, Col } from "antd";

import MainLayout from "../components/MainLayout";

const Dashboard = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    console.log(count);
  }, [count]);

  return (
    <MainLayout>
      <Row gutter={16}>
        <Col style={{ background: "transparent", border: 0 }} span={24}>
          <div
            style={{
              minHeight: "100vh",
              background: "#ffffff",
              padding: "5px 0"
            }}
          >
            <button onClick={() => setCount(count + 1)}>click me</button>
          </div>
        </Col>
      </Row>
    </MainLayout>
  );
};

export default Dashboard;
